<!DOCTYPE html>

<html>

	<head>

		<!-- 页面字符编码 -->

		<meta charset="utf-8">

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />

		<link href="css/comm.css" rel="stylesheet" />

		<link href="css/layout.css" rel="stylesheet" />

		<link href="css/iconfont.css" rel="stylesheet" />

	</head>

	<body>

		<div class="mui-content">

			<div class="mui-scroll-wrapper mscrollSet">

				<div class="mui-scroll">

					<div class="mui-sj-cont">

						<div class="mui-pri-top">

							<img src="images/pri-bg.png" alt="" width="100%" height="214px" />

							<div class="mui-pri-box" style="width: 100%;">

								<div class="mui-pri-line">

									<a class=" mui-pull-right  iconfont icon-shezhi"></a>

								</div>

								<ul class="mui-table-view mui-top-ul">

									<li class="mui-table-view-cell mui-media">

										<a href="javascript:;">

											<img class="mui-media-object mui-pull-left" src="images/touxiang.jpg">

											<div class="mui-media-body">

												南城鸿福路口店

											</div>

										</a>

									</li>

								</ul>

								<div class="mui-per-bom">

									<div class="mui-per-top">

										<dl>

											<dt>1</dt>

											<dd>今日待消费</dd>

										</dl>

										<dl>

											<dt>2</dt>

											<dd>最近一周</dd>

										</dl>

										<dl style="border: 0;">

											<dt>3</dt>

											<dd>本月收益(元）</dd>

										</dl>

									</div>

								</div>

							</div>

							<!--九宫格-->

							<div class="mui-tables mt12">

								<ul class="mui-table-view mui-grid-view mui-grid-9 mui-tab-ul" style="100%">

									<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-tpad">
										<a href="#">

											<span class="mui-icon "><em class="iconfont icon-yue" style="font-size: 40px;color: #eb748a;"></em><span class="mbadge mui-radiu"></span></span>

											<div class="mui-media-body mui-top0">我的收益</div>

										</a>

									</li>

									<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-tpad">

										<a href="#">

											<span class="mui-icon "><em class="iconfont icon-rili" style="border-radius:100% ;background-color: #8989cd;color: #fff;font-size: 24px;padding: 8px;vertical-align: 2px;"></em></span>

											<div class="mui-media-body mui-top0" style="margin-top: 11px;">营业日历</div>

										</a>

									</li>

									<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-tpad">

										<a href="#">

											<span class="mui-icon "><em class="iconfont icon-wodedingdan"style="font-size: 40px;color: #dfc220;" ></em></span>

											<div class="mui-media-body mui-top0">我的菜单</div>

										</a>

									</li>

									<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-tpad">

										<a href="#">

											<span class="mui-icon "><em class="iconfont icon-dingdan"style="border-radius:100% ;background-color: #b87fcd;color: #fff;font-size: 24px;padding: 8px;"></em><span class="mbadge mui-radiu"></span></span>

											<div class="mui-media-body mui-top0" style="margin-top: 11px;">我的订单</div>

										</a>

									</li>

									<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-tpad">

										<a href="#">

											<span class="mui-icon "><em class="iconfont icon-shangjia" style="border-radius:100% ;background-color: #6cb5e9;color: #fff;font-size: 22px;padding:8px;"></em></span>

											<div class="mui-media-body mui-top0" style="margin-top: 11px;">商家管理</div>

										</a>

									</li>

									<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-tpad">

										<a href="#">

											<span class="mui-icon "><em class="iconfont icon-1"style="border-radius:100% ;background-color: #ed866e;color: #fff;font-size: 22px;padding:8px;"></em></span>

											<div class="mui-media-body mui-top0" style="margin-top: 11px;">收到的评价</div>

										</a>

									</li>

									<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-tpad">

										<a href="#">

											<span class="mui-icon "><em class="iconfont icon-wendang"style="border-radius:100% ;background-color: #7498ea;color: #fff;font-size: 24px;padding: 8px;"></em><span class="mbadge mui-radiu"></span></span>

											<div class="mui-media-body mui-top0" style="margin-top: 11px;">我的档案</div>

										</a>

									</li>

									<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-tpad">

										<a href="#">

											<span class="mui-icon "><em class="iconfont icon-yaoqing" style="border-radius:100% ;background-color: #9dc841;color: #fff;font-size: 24px;padding:8px;"></em></span>

											<div class="mui-media-body mui-top0" style="margin-top: 11px;">邀请好友</div>

										</a>

									</li>

									<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-tpad">

										<a href="#">

											<span class="mui-icon "><em class="iconfont icon-bangzhuzhongxin"style="border-radius:100% ;background-color: #40c5b1;color: #fff;font-size: 24px;padding:8px;"></em></span>

											<div class="mui-media-body mui-top0" style="margin-top: 11px;">帮助中心</div>

										</a>

									</li>

								</ul>

							</div>

							<!--九宫格-->

						</div>

					</div>

				</div>

			</div>

		</div>

		<!--底部导航-->

		<div class="mui-index-nav" style="position: relative">

			<nav class="mui-bar mui-bar-tab mui-index-tabs bt">

				<a class="mui-tab-item  mui-active">

					<span class="mui-icon  iconfont icon-wode" style="font-size:22px;"></span>

					<span class="mui-tab-label">我的</span>

				</a>

				<a class="mui-tab-item" href="#tabbar-with-map">

					<span class="mui-icon  iconfont icon-xiaoxi160612" style="font-size:22px;"><em class="red-ball" style="right: -10px;">1</em></span>

					<span class="mui-tab-label">消息</span>

				</a>

				<a class="mui-tab-item" href="#tabbar-with-map">

					<span class="mui-icon  iconfont icon-saoyisao" style="font-size:22px;color:#fff;padding: 8px; background-color: #ff8587;border-radius:100% ;width: 40px;height: 40px;top:-15px;left:45%; position: absolute;"></span>

					<span class="mui-tab-label" style="margin-top: 23px;">扫一扫</span>

				</a>

				<a class="mui-tab-item" href="#tabbar-with-map">

					<span class="mui-icon  iconfont icon-dingdan1" style="font-size:22px;"></span>

					<span class="mui-tab-label">订单</span>

				</a>

				<a class="mui-tab-item" href="#tabbar-with-map">

					<span class="mui-icon  iconfont icon-comiistupiancaidan" style="font-size:22px;"></span>

					<span class="mui-tab-label">菜单</span>

				</a>

			</nav>

		</div>

		<!--底部导航-->

		<script src="js/mui.min.js"></script>

		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>

		<script src="js/scroll-wrapper.js"></script>

	</body>

</html>